import React from 'react'
import './StaffSearch.css'
import Kuang from './Kuang.jsx'
class StaffSearch extends React.Component {

  render() {
    return (
      <div className="Search">
        <div className="SearchTop">
          <div>
          <span>账号 :</span>
          <input type="text" onChange={this.props.countVal} />  
          </div>
          <div>
          <span>邮箱 :</span>
          <input type="text" onChange={this.props.emailVal}/> 
          </div>
          <div>
          <span>手机 :</span>
          <input type="text" onChange={this.props.phoneVal}/> 
          </div>
        </div>
        <div className="SearchDown">
          <div>
          <span>状态 :</span>
           <Kuang KuangValue={this.props.KuangValue} />
          </div>
          <div>
            <button onClick={()=>this.props.SearchStaff()}>搜索</button>
          </div>
        </div>
      </div>
    );
  }
}

export default StaffSearch;